extends common/layout
block content
    link(rel='stylesheet' type='text/css' href='../css/shop.min.css')
    link(rel='stylesheet' type='text/css' href='../css/orderDetailBuy.min.css')
    include common/head
    div.order-container.shop-container
        include common/nav
        div.container-main.clearfix
            div.router
                span.router-active 交易管理>
                span.router-active 订单管理>
                span 订单详情
            div.step-space
                div.steps
                    div.item-step
                        div.step-head.step-line-done
                            div.step-line.step-line-done
                                i.step-line-inner
                            span.step-text
                                div.hidden 1
                                i.check-icon
                        div.step-main
                            div.step-word 拍下宝贝
                    div.item-step
                        div.step-head.step-line-done
                            div.step-line.step-line-done
                                i.step-line-inner
                            span.step-text
                                div.hidden 2
                                i.check-icon
                        div.step-main
                            div.step-word.is-wait 付款
                    div.item-step
                        div.step-head.step-line-done
                            div.step-line
                                i.step-line-inner
                            span.step-text
                                div 3
                                i.check-icon.hidden
                        div.step-main
                            div.step-word 卖家发货
                    div.item-step
                        div.step-head
                            div.step-line
                                i.step-line-inner
                            span.step-text
                                div 4
                                i.check-icon.hidden
                        div.step-main
                            div.step-word 确认收货
            div.order-center.clearfix
                div.order-info.clearfix
                    div.info-header 订单信息
                    div.info-main
                        div 收货人:
                            span 大麦
                        div 联系方式:
                            span 13902830483
                        div.address 收货地址:
                            span 浙江省杭州市西湖区翠苑街道教工路88号立元大楼沃土教育
                        div 订单编号:
                            span 230589500568
                        div 订单创建时间:
                            span 2017-09-08 11:20:32
                div.order-status.clearfix
                    div.order-status-title
                        span.logo-warning !
                        span.status-title 订单状态:
                        span 卖家已发货
                    div.order-main
                        div
                            span.ml-10 交易号:33445566778899123456
                            span.ml-10 付款时间:2018-08-08 17:00
                        span.ml-10 物流:顺丰快递
                        span.ml-10 运单号:33445566778899123456
                        div.ml-10  发货时间:2018-08-08 17:00
                    div.order-ctrl
                        div.ml-10
                            span.fl 您可以
                            span.order-btn.hidden 付款
                            span.order-btn.hidden 评价
                            span.order-btn(data-toggle="modal" data-target="#modal").hidden 提醒卖家发货
                            span.order-btn(data-toggle="modal" data-target="#modal4") 确认收货
                            span.or 或者
                            a.cancel(data-toggle="modal" data-target="#modal2").hidden 取消订单
                            a.cancel 申请退款
                            a.order-btn(data-toggle='modal' data-target="#modal3").hidden 发货
            div.selling-detail.clearfix
                div.center-choose.clearfix
                    span 卖家信息
                    ul
                        li 昵称:
                        li 真实姓名:
                        li 联系电话:
                        li 地区:
                div.data-ctrl
                    div.detail-header
                        ul
                            li.width-265 宝贝名称
                            li 宝贝属性
                            li.padingL-20  单价
                            li.width-130   数量
                            li 优惠
                            li.padingL-20  商品总价
                            li 状态


                    div.detail-main.clearfix
                        ul
                            li
                                div.image
                                    img(src='../image/code2.png')
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                p.count 100
                                p 10
                                p 10
                                p 10
                                p 10
                                p.handle
                                    span 待付款

                            li

                                div
                                    img(src='../image/code2.png')
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                p.count 100
                                p 10
                                p 10
                                p 10
                                p 12
                                p.handle
                                    span 待付款
                            li

                                div
                                    img(src='../image/code2.png')
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                p.count 100
                                p 10
                                p 10
                                p 12
                                p 12
                                p.handle
                                    span 待付款
                            li

                                div
                                    img(src='../image/code2.png')
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋
                                p.count 100
                                p 10
                                p 10
                                p 13
                                p 12
                                p.handle
                                    span 待付款
                    div.order-total
                        div.total-info
                            div 商品总价：￥226
                            div 运费(快递)：￥0.00
                            div.sum-price 订单总价：￥226
                div.data-ctrl2.hidden
                    div.detail-header
                        ul
                            li.width-200 宝贝退款编号
                            li.width-180 宝贝名称
                            li.padingL-20  服务类型
                            li.width-130   申请时间
                            li 退款金额
                            li.padingL-20  退款状态
                            li 退款详情


                    div.detail-main.clearfix
                        ul
                            li
                                p.width-193 123456789012
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋

                                p 仅退款
                                p 2017-09-08 12:23
                                p 20.00
                                p 退款中
                                p.handle
                                    a 查看
                            li
                                p.width-193 123456789012
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋

                                p 仅退款
                                p 2017-09-08 12:23
                                p 20.00
                                p 退款中
                                p.handle
                                    a 查看
                            li
                                p.width-193 123456789012
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋

                                p 仅退款
                                p 2017-09-08 12:23
                                p 20.00
                                p 退款中
                                p.handle
                                    a 查看
                            li
                                p.width-193 123456789012
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋

                                p 仅退款
                                p 2017-09-08 12:23
                                p 20.00
                                p 退款中
                                p.handle
                                    a 查看
                            li
                                p.width-193 123456789012
                                div.product
                                    div.product-name 男士运动鞋男士运动鞋男士运动鞋男士运动鞋

                                p 仅退款
                                p 2017-09-08 12:23
                                p 20.00
                                p 退款中
                                p.handle
                                    a 查看
    div.modal.fade(id="modal")
        div.modal-dialog
            div.modal-content
                div.modal-header
                    span 提醒发货:
                    button.close(type="button" data-dismiss="modal") &times;
                div.modal-body.clearfix
                    |已提醒卖家发货,请等待！
                div.modal-footer
                    button.btn.btn-orange(data-dismiss="modal") 确定

    div.modal.fade.width(id="modal2")
        div.modal-dialog.in
            div.modal-content
                div.modal-header
                    span 取消订单
                    button.close(type="button" data-dismiss="modal") &times;
                div.modal-body.clearfix(style={border: 'none'})
                    div.description 您确定要取消订单吗！取消订单后，不能恢复。
                    div.select-title 请选择取消订单的理由：
                    div.select-block.select-all
                        select
                            option  我不想买了
                            option  信息填写错误，重新拍
                            option  卖家缺货
                            option  同城见面交易
                            option  其他原因
                div.modal-footer
                    button.btn.btn-border-orange(data-dismiss="modal") 取消
                    button.btn.btn-orange 确定
    div.modal.fade.width(id="modal3")
        div.modal-dialog.express
            div.modal-content
                div.modal-header
                    span 发货
                    button.close(type="button" data-dismiss="modal") &times;
                div.modal-body.clearfix(style={border: 'none'})
                    div.select-express
                        label 物流公司:
                        select
                            option  顺丰快递
                            option  圆通快递
                            option  申通快递
                            option  其他快递
                    div.express-id
                        label 物流单号:
                            input(type="text" value="121")
                div.modal-footer
                    button.btn.btn-border-orange(data-dismiss="modal") 取消
                    button.btn.btn-orange 确定
    div.modal.fade(id="modal4")
        div.modal-dialog
            div.modal-content
                div.modal-header
                    span 确认订单:
                    button.close(type="button" data-dismiss="modal") &times;
                div.modal-body.clearfix
                    | 请收到货后，再确认收货！否则您可能钱货两空！
                div.modal-footer
                    button.btn.btn-border-orange(data-dismiss="modal") 取消
                    button.btn.btn-orange 确定
